@charset "utf-8";
/* CSS Document */

/* selecctor universal */

* {
margin:0;
padding:0;
border:0;}


/* selecctores de etiquetas */

body {
background-color:#ececec;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}

#header {
background-image:url(sitio/fondo_botonera.jpg);
background-color:#ececec;
width:989px;
height:109px;
margin:auto;
}

#logo {
width:142px;
height:109px;
margin-left:40px;
float:left;
}

#login {
width:85px;
height:109px;
background-color:#00FF99;
margin-left:205px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#servicios {
width:117px;
height:109px;
margin-left:-65px;
padding:0 0 0 105px;   /* arr  der  aba   izq  */
float:left;
}

#contacto {
width:117px;
height:109px;
margin-left:27px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#selector_pais {
width:117px;
height:109px;
margin-left:55px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#print {
width:33px;
height:26px;
margin-left:35px;
margin-top:8px;
float:left;
padding:0 0 0 0;   /* arr  der  aba   izq  */
}

#print_texto {
color:#333333;
width:55px;
height:26px;
margin-top:8px;
float:left;
line-height:1.2;
padding:0 0 0 3px;   /* arr  der  aba   izq  */
}

.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(sitio/servicios2.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 117px;
height: 109px;
margin: 0;
padding: 0;
}

.cssnav1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(sitio/login2.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 85px;
height: 109px;
margin: 0;
padding: 0;
}

.cssnav1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 85px;
height: 109px;
float: left;
color: black;
text-decoration: none;
}

.cssnav1 img
{
width: 85px;
height: 109px;
border: 0
}

.cssnav1 a:hover img
{
visibility:hidden
}

.cssnav1 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 


.cssnav2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(sitio/contacto2.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 117px;
height: 109px;
margin: 0;
padding: 0;
}

.cssnav3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(sitio/iconos_herramientas/print2.gif) no-repeat;
white-space: nowrap;
display: block;
width: 33px;
height: 26px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 117px;
height: 109px;
float: left;
color: black;
text-decoration: none;
}

.cssnav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 117px;
height: 109px;
float: left;
color: black;
text-decoration: none;
}

.cssnav3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 33px;
height: 26px;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 117px;
height: 109px;
border: 0
}

.cssnav2 img
{
width: 117px;
height: 109px;
border: 0
}

.cssnav3 img
{
width: 33px;
height: 26px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav2 a:hover img
{
visibility:hidden
}

.cssnav3 a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssnav2 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.cssnav3 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

#mail {
width:33px;
height:26px;
margin-left:10px;
margin-top:8px;
float:left;
padding:0 0 0 0;   /* arr  der  aba   izq  */
}

#mail_texto {
color:#333333;
width:45px;
height:26px;
margin-top:8px;
float:left;
line-height:1.2;
padding:0 0 0 3px;   /* arr  der  aba   izq  */
}

.cssnav4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(sitio/iconos_herramientas/mail2.gif) no-repeat;
white-space: nowrap;
display: block;
width: 33px;
height: 26px;
margin: 0;
padding: 0;
}
.cssnav4 a
{
display: block;
color: #000000;
font-size: 11px;
width: 33px;
height: 26px;
float: left;
color: black;
text-decoration: none;
}
.cssnav4 img
{
width: 33px;
height: 26px;
border: 0
}

.cssnav4 a:hover img
{
visibility:hidden
}

.cssnav4 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

#elcontacto {
width:33px;
height:26px;
margin-left:10px;
margin-top:8px;
float:left;
padding:0 0 0 0;   /* arr  der  aba   izq  */
}

#elcontacto_texto {
color:#333333;
width:80px;
height:26px;
margin-top:8px;
line-height:1.2;
float:left;
padding:0 0 0 3px;   /* arr  der  aba   izq  */
}

.cssnav5
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(sitio/iconos_herramientas/contacto2.gif) no-repeat;
white-space: nowrap;
display: block;
width: 33px;
height: 26px;
margin: 0;
padding: 0;
}
.cssnav5 a
{
display: block;
color: #000000;
font-size: 11px;
width: 33px;
height: 26px;
float: left;
color: black;
text-decoration: none;
}
.cssnav5 img
{
width: 33px;
height: 26px;
border: 0
}

.cssnav5 a:hover img
{
visibility:hidden
}

.cssnav5 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

#listado_labs{
color:#333333;
width:50px;
height:26px;
margin-top:8px;
margin-left:-15px;
line-height:1.2;
float:left;
padding:0 0 0 3px;   /* arr  der  aba   izq  */
}

#listado_labs_texto{
color:#333333;
width:75px;
height:26px;
margin-top:8px;
margin-left:-15px;
line-height:1.2;
float:left;
padding:0 0 0 3px;   /* arr  der  aba   izq  */
}
 
.cssnav6
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(sitio/iconos_herramientas/listado2.gif) no-repeat;
white-space: nowrap;
display: block;
width: 33px;
height: 26px;
margin: 0;
padding: 0;
}
.cssnav6 a
{
display: block;
color: #000000;
font-size: 11px;
width: 33px;
height: 26px;
float: left;
color: black;
text-decoration: none;
}
.cssnav6 img
{
width: 33px;
height: 26px;
border: 0
}

.cssnav6 a:hover img
{
visibility:hidden
}

.cssnav6 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

#herramientas {
width:989px;
height:47px;
margin:auto;
}


#lateral_izquierdo {
background-color:#ffffff;
background-image:url(sitio/sombra_izq_angulo.jpg);
width:20px;
height:47px;
float:left;
}

#centro_top {
background-color:#ffffff;
width:954px;
height:47px;
float:left;
}

#lateral_derecho {
background-image:url(sitio/sombra_derecha_angulo.jpg);
width:15px;
height:47px;
float:left;
}

#titulo_lateral_izquierdo_dos{
background-color:#000000;
background-image:url(sitio/sombra_x.jpg);
background-repeat:repeat-y;
width:20px;
height:100%;
float:left;
}

#dinamico_regula_alto{  
background-image:url(sitio/fondito2.jpg);
background-repeat:repeat-y;                                   
background-color:#000000;
width:989px;
height:100%;
padding:0 0 0 0;   /* arr  der  aba   izq  */
margin:auto;
margin-top:37px;
}

#titulo_nombre{                                       
background-color:#ff00cc;
width:989px;
height:100%;
margin:auto;
}

#dinamico{
background-color:#FFFFFF;
width:954px;
height:100%
float:left;
position:relative;
z-index:1;
padding:0 0 2px 0;   /* arr  der  aba   izq  */
margin:auto;
margin-left:20px;
overflow:hidden;
}

#puesto{
background-color:#00FF66;
width:180px;
height:100px;
float:left;
padding:0 0 0 0;   /* arr  der  aba   izq  */
}

#banners{
background-color:#FFFFFF;
width:188px;
height:100%;
position:absolute;
z-index:7;
float:left;
margin-left:766px;
padding:0 0 6px 0;   /* arr  der  aba   izq  */
}

#fondo_atras{
background-color:#666666;
width:186px;
height:100%;
margin-top:-2px;
margin-left:0px;
position:relative;
z-index:2;
float:left;
}

#banner_top{
background-color:#CCCCCC;
width:180px;
height:120px;
margin-top:2px;
margin-left:3px;
position:absolute;
z-index:3;
float:left;
}

#banner_middle{
background-color:#CCCCCC;
width:180px;
height:240px;
margin-top:124px;
margin-left:3px;
position:relative;
z-index:4;
}

#banner_bottom{
background-color:#CCCCCC;
width:180px;
height:120px;
margin-top:2px;
margin-left:3px;
position:relative;
z-index:5;
}


#titulo_lateral_derecho{
background-color:#00CCFF;
background-image:url(sitio/sombra_x2.jpg);
background-repeat:repeat-y;
width:15px;
height:100px;
float:left;
}

#nombre_producto{                                       /* no esta siendo usado  */
background-color:#FF0000;
width:947px;
height:33px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
margin:auto;
}


#elcierre {              
width:100%;
height:50px;
margin:auto;
float:left;
}

#elcierre_izquierda {     
width:100%;
height:50px;
margin:auto;
float:left;
}

#prueba {
background-repeat:none;
width:989px;
height:50px;
margin:auto;
}

#margen_izq {
background-color:#000000;
background-image:url(sitio/sombra_x.jpg);
background-repeat:repeat-y;
width:20px;
height:50px;
margin:auto;
float:left;
}

#franja_contenido {
width:954px;
height:50px;
margin:auto;
float:left;
}

#margen_der {
background-color:#000000;
background-image:url(sitio/sombra_x2.jpg);
background-repeat:repeat-y;
width:15px;
height:50px;
margin:auto;
float:left;
}


#verde {
background-color:#0066cc;
background-image:url(sitio/gradient_titulo.jpg);
background-repeat:repeat-x;
width:950px;
height:17px;
margin:auto;
margin-left:2px;
border-top: #666 1px solid;
border-bottom: #666 1px solid;
}


#para_listado {              
width:100%;
height:100%;
margin:auto;
float:left;
}

#para_listado_izquierda {     
width:500px;
height:100%;
margin:auto;
float:left;
}

#prueba_listado {
background-repeat:none;
width:989px;
height:100%;
margin:auto;
}

#margen_izq_listado {
background-color:#000000;
background-image:url(sitio/sombra_x.jpg);
background-repeat:repeat-y;
width:20px;
height:100%;
margin:auto;
float:left;
}

#franja_contenido_listado {
width:500px;
height:100%;
margin:auto;
float:left;
}

#margen_der_listado {
background-color:#000000;
background-image:url(sitio/sombra_x2.jpg);
background-repeat:repeat-y;
width:15px;
height:100%;
margin:auto;
float:left;
}


#verde_listado {
background-color:#CC3399;
width:500px;
height:100%;
margin:auto;
margin-left:22px;
padding:0 10px 10px 10px;   /* arr  der  aba   izq  */
border-bottom: #666 1px solid;
}


#para_nombre_producto {             
width:100%;
height:37px;
margin:auto;
float:left;
}

#para_nombre_izquierda {     
width:100%;
height:35px;
margin:auto;
float:left;
}

#prueba_nombre {
background-repeat:none;
width:989px;
height:50px;
margin:auto;
}

#margen_izq_nombre {
background-color:#000000;
background-image:url(sitio/sombra_x.jpg);
background-repeat:repeat-y;
width:20px;
height:37px;
margin:auto;
float:left;
}

#franja_para_nombre {
width:954px;
height:35px;
margin:auto;
float:left;
}

#margen_der_nombre {
background-color:#000000;
background-image:url(sitio/sombra_x2.jpg);
background-repeat:repeat-y;
width:15px;
height:37px;
margin:auto;
float:left;
}


#verde_nombre {
background-image:url(sitio/gradient_titulo.jpg);
background-repeat:repeat-x
background-color:#003399;
width:950px;
height:35px;
margin:auto;
margin-left:2px;
border-top: #666 1px solid;
border-bottom: #666 1px solid;
}

#flecha{ 
background-image:url(sitio/inicio.jpg);  
background-repeat:no-repeat;      
width:19px;
height:25px;
margin:auto;
margin-top:3px;
opacity:0.6;
filter:Alpha(opacity=60);
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#primero {                                          
width:270px;
height:17px;
margin:auto;
overflow:hidden;
 text-align: center;
padding:8px 2px 2px 4px;   /* arr  der  aba   izq  */
float:left;
}

#flecha2{ 
background-image:url(sitio/inicio2.jpg);  
background-repeat:no-repeat;      
width:19px;
height:25px;
margin:auto;
margin-top:3px;
margin-left:5px;
padding:0 3px 0 0;   /* arr  der  aba   izq  */
opacity:0.6;
filter:Alpha(opacity=60);
float:left;
}

#segundo {
width:610px;
height:17px;
padding:9px 0 0 4px;   /* arr  der  aba   izq  */
float:left;
}

#imagenes {
background-color:#FFFFFF;
width:322px;
height:100%;
float:left;
}

#contenedor_imagen {
background-color:#FFFFFF;
width:282px;
height:241px;
padding:20px; 
}

#contenedor_imagen_lab {
background-color:#FFFFFF;
width:282px;
height:80px;
padding:0 20px 20px 20px;    /*arr  der  aba   izq  */ 
}
#contenedor_textos {
width:322px;
height:100%;
padding:0 0 0 0; 
}

#textos_primeros {
background-color:#00FFFF;
width:282px;
height:100%; 
}

#contenedor_textos_medio {
background-color:#FFFFFF;
width:444px;
height:100%; 
padding:0 0 2px 0;   /* arr  der  aba   izq */
float:left;
}

#DESCRIPCION {
width:434px;
height:100%;
overflow:hidden;
padding:8px 0 5px 8px;   /* arr  der  aba   izq */
}
#COMPOSICION{
width:434px;
height:107px;
overflow:hidden;
padding:6px 0 0 8px;   /* arr  der  aba   izq  */
}

#ficha_composicion{
background-color:#ffffff;
width:434px;
height:107px;
overflow:hidden;
padding:6px 0 0 8px;   /* arr  der  aba   izq  */
}

#ACCION{
width:434px;
height:100%;
overflow:hidden;
padding:6px 0 0 8px;   /* arr  der  aba   izq  */
}

#ESPECIE{
width:434px;
height:100%;
overflow:hidden;
padding:6px 0 0 8px;   /* arr  der  aba   izq  */
}

#animales{
width:434px;
height:100%;
overflow:hidden;
padding:8px 0 0 0;   /* arr  der  aba   izq  */
}


#INDICACIONES{
width:434px;
height:100%;
overflow:hidden;
padding:6px 0 1px 8px;   /* arr  der  aba   izq  */
}

#grisado {
background-color:#CCCCCC;
width:188px;
height:100%; 
position:relative;
margin-left:766px;
z-index:1;
}
#PRESENTACION{
width:305px;
height:100%;
margin-top:0px;
margin-left:0px;
overflow:hidden;
padding:6px 0 3px 8px;   /* arr  der  aba   izq  */
}

#PRINCIPIO_ACTIVO{
width:434px;
height:100%;
margin-top:0px;
margin-left:0px;
overflow:hidden;
padding:8px 0 5px 8px;   /* arr  der  aba   izq  */
}




#APLICACION{
background-color:#FFFFFF;
width:305px;
height:100%;
margin-left:0px;
overflow:hidden;
padding:6px 0 3px 8px;   /* arr  der  aba   izq  */
}

#DOSIFICACION{
width:305px;
height:100%;
margin-left:0px;
overflow:hidden;
padding:6px 0 3px 8px;   /* arr  der  aba   izq  */
}

 /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */ 
#crece_con_resultados{
background-image:url(sitio/fondito.jpg);
width:989px;
height:100%;
margin:auto;
}


#para_contener{
background-image:url(sitio/fondito.jpg);
background-color:#0033CC;
width:989px;
height:100%;
margin:auto;
float:left;
}

#carga_resultados{
background-color:#FFFF00;
width:731px;
height:100%;
margin:auto;
margin-left:20px;
float:left;
padding:10px 15px 10px 20px;   /* arr  der  aba   izq  */
}

#fondo_banners_deabajo{
background-color:#FF0000;
width:186px;
height:488px;
float:left;
}

#banner_deabajo_superior{
background-color:#0000FF;
width:180px;
height:120px;
margin-left:3px;
}

#banner_deabajo_medio_uno{
background-color:#9933CC;
width:180px;
height:120px;
margin-left:3px;
margin-top:2px;
}

#banner_deabajo_medio_dos{
background-color:#33FF99;
width:180px;
height:120px;
margin-left:3px;
margin-top:2px;
}

#banner_deabajo_inferior{
background-color:#FF9900;
width:180px;
height:120px;
margin-left:3px;
margin-top:2px;
}

 /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */ 
#titulo_descripcion, #titulo_composicion, #titulo_accion,
#titulo_especie, #titulo_presentacion, #titulo_principio_activo, #titulo_indicaciones, #titulo_aplicacion, #titulo_dosificacion {
color:#315100;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

 
#texto_descripcion, #texto_composicion, #texto_accion,
#texto_especie, #texto_presentacion, #texto_principio_activo, #texto_indicaciones, #texto_aplicacion, #texto_dosificacion {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0 0 9px 0;   /* arr  der  aba   izq  */
}


#botones_arriba {
width:954px;
height:35px;
margin:auto;
}

#volver_arriba {
width:400px;
height:35px;
margin-top:13px;
margin-left:475px;
padding:8px 10px 4px 30px;   /* arr  der  aba   izq  */
}

#botones {
background-color:#eeeeee;
width:954px;
height:35px;
margin:auto;
}

#volver {
width:400px;
height:35px;
padding:8px 10px 4px 30px;   /* arr  der  aba   izq  */
}

#botonera_fondo {
background-image:url(sitio/botonera_fondo.jpg);
width:989px;
height:98px;
margin:auto;
margin-top:51px;
}

#botonera_contenido{
width:100%;
height:98px;
margin:auto;
}
#texto_uno {
width:195px;
height:50px;
margin-left:130px;
margin-top:19px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#texto_dos {
width:195px;
height:50px;
margin-top:19px;
margin-left:110px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

#texto_tres {
width:140px;
height:58px;
margin-top:19px;
margin-left:150px;
padding:0 0 0 0;   /* arr  der  aba   izq  */
float:left;
}

a {
text-decoration:none;
color:#006699;
}

a:hover {
color:#666666;
}

h1 {
font-size:13px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
}

h2 {
font-size:12px;
color:#CCFF33;
font-family:Arial, Helvetica, sans-serif;
}

h3 {
padding:0 0 5px 0;
font-size:13px;
color:#000000;
white-space: pre;
}

h4 {
padding:0 0 5px 0;
font-size:11px;
font-family: Lucida Sans, Helvetica, sans-serif;
line-height: 1.3;
}
